.orderconfirm-page {
    width: 100%;
    .orderconfirm-top {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1000;
    }
    .orderconfirm-content {
      width: 100%;
      height: 100vh;
      box-sizing: border-box;
      padding-top: 46px;
      overflow: hidden;
      // .orderconfirm {
      //   // height: 100vh;
      //   // padding-top: 46px;
      //   // padding-bottom: 50px;
      //   // box-sizing: border-box;
      // }
      .address {
        position: relative;
        box-sizing: border-box;
        // height: 90px;
        padding: 15px 10px 17px 15px;
        margin: 10px 0;
        @include allCFlex();
        border: none;
        background: url(https://static-as.missfresh.cn/frontend/img/cut-off-line.png)
          no-repeat #fff;
        background-size: 100% 5px;
        background-position-y: bottom;
        color: #444;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        .address-flex {
          width: 100%;
          @include leftFlexCenter();
        }
        .tacitly {
          flex-basis: 46px;
          margin: 0 12px 0 1px;
          padding-bottom: 6px;
          .tacitly-img {
            width: 21px;
            display: block;
            white-space: nowrap;
            margin: 0 auto 2px;
            margin-top: 8px;
          }
          .tacitly-address {
            width: 100%;
            box-sizing: border-box;
            display: inline-block;
            font-size: 13px;
            height: 20px;
            line-height: 20px;
            color: #fff;
            background: #ff4891;
            padding: 0 10px;
            border-radius: 4px;
            margin-top: 5px;
            font-weight: 900;
          }
        }
        .address-content {
          padding-left: 20px;
          margin-top: -10px;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          flex-direction: column;
          -webkit-box-pack: start;
          justify-content: flex-start;
          -webkit-box-flex: 1;
          flex: 1 1 auto;
          .address-name {
            line-height: 26px;
            font-size: 14px;
            color: #262626;
            margin: 0;
            font-weight: 400;
            .iphone {
              margin-left: 15px;
            }
          }
          .addres-id {
            margin: 0;
            color: #262626;
            white-space: normal;
            width: 90%;
            font-size: 14px;
            line-height: 18px;
          }
        }
        &:after {
          content: '';
          width: 6px;
          height: 11px;
          padding: 0;
          background: url(https://static-as.missfresh.cn/frontend/img/hui-jiantou.png)
            bottom no-repeat;
          background-size: 100% 100%;
          right: 15px;
          top: 37%;
          transform: translate(-50%, 0);
          position: absolute;
        }
        .no-address {
          font-size: 14px;
          color: #282828;
        }
      }
      .products-list {
        margin-top: 10px;
        background: #ffffff;
        .title {
          @include leftFlexCenter();
          background: #fff;
          padding: 0 15px;
          box-sizing: border-box;
          width: 100%;
          line-height: 44px;
          .txt {
            span {
              &:before {
                display: inline-block;
                content: '';
                width: 4px;
                height: 14px;
                background: #ff4891;
                position: relative;
                top: 2px;
                margin-right: 4px;
              }
            }
          }
        }
        .list-box {
          margin: 0 15px;
          .img-group {
            border-top: 1px solid #f5f5f5;
            border-bottom: 1px solid #f5f5f5;
            padding: 15px 0;
            .img-item {
              display: inline-block;
              width: 41px;
              height: 41px;
              padding: 3px;
              margin-right: 8px;
              background: #fff;
              border-radius: 4px;
              position: relative;
              &:nth-child(6n) {
                margin-right: 0;
              }
              img {
                width: 100%;
                height: 100%;
              }
            }
          }
          .list-num {
            font-size: 12px;
            color: #262626;
            line-height: 44px;
            text-align: right;
            span {
              position: relative;
              &:after {
                display: inline-block;
                content: '';
                width: 6px;
                height: 11px;
                margin-left: 12px;
                background: url(https://static-as.missfresh.cn/frontend/img/goes_03.png)
                  no-repeat;
                background-size: 100% 100%;
              }
            }
          }
        }
      }
      .price-list-panel {
        margin-top: 10px;
        color: #4b4b4b;
        font-size: 14px;
        background: #fff;
        .item-have-arrow {
          padding-right: 31px;
        }
        .item-board {
          margin-bottom: 15px;
          padding-bottom: 10px;
          border-bottom: 1px solid #f5f5f5;
        }
        .list {
          position: relative;
          padding: 0 15px;
          margin-bottom: 0;
          background-color: #fff;
          .list-totalPrice {
            height: 44px;
            @include spaceBetweenCenter();
          }
          .item-content-totalPrice {
            width: 40%;
          }
          .item-content {
            background-color: inherit;
            width: 60%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
          }
          .item-price-totalPrice {
            width: 50%;
          }
          .item-price {
            width: 109px;
            float: right;
            text-align: right;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            .item-price-total {
              color: #474245;
              height: 20px;
              line-height: 20px;
            }
          }
        }
        .info-details {
          @include rightFlexCenter();
          padding: 14px 15px;
          font-size: 18px;
          border: none;
          .item-totalPrice-title {
            margin-right: 10px;
          }
        }
      }
      .payment-box {
        background: $white;
        margin: 10px 0;
        .pay-line {
          @include leftFlexCenter();
          background: #fff;
          margin: 0 15px;
          box-sizing: border-box;
          line-height: 44px;
          border-bottom: 1px solid #f5f5f5;
          .txt {
            span {
              &:before {
                display: inline-block;
                content: '';
                width: 4px;
                height: 14px;
                background: #ff4891;
                position: relative;
                top: 2px;
                margin-right: 4px;
              }
            }
          }
        }
        .payment {
          @include allCFlex();
          margin: 0;
          padding: 28px 0;
          .payment-item {
            border: none;
            margin: 0;
            padding: 0;
            width: 50%;
            @include allCFlex();
            background-color: transparent;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #444;
            position: relative;
            font-size: 16px;
            .radio-item {
              position: relative;
              text-align: center;
              .icon-wxpay {
                width: 52px;
                height: 52px;
                margin: 0 auto 8px;
                position: relative;
                border: 1px solid #000;
                border-radius: 50%;
                font-size: 0;
                line-height: 0;
                background: url(https://static-as.missfresh.cn/frontend/img/weixin_03.png)
                  no-repeat;
                background-size: 100% 100%;
                border-color: #44be00;
                padding: 0;
              }
              .icon-alipay {
                padding: 0;
                width: 52px;
                height: 52px;
                margin: 0 auto 8px;
                position: relative;
                border: 1px solid #000;
                border-radius: 50%;
                font-size: 0;
                line-height: 0;
                background: url(https://static-as.missfresh.cn/frontend/img/zhifub_03.png)
                  5px 0 no-repeat;
                background-size: 100% 100%;
                border-color: #039dff;
              }
            }
            .payment-active {
              .icon-wxpay {
                background: url(https://static-as.missfresh.cn/frontend/img/weixin_03_active.png)
                  #44be00;
                background-size: 100% 100%;
                // border: none;
              }
              .icon-alipay {
                background: url(https://static-as.missfresh.cn/frontend/img/zhifub_03_active.png)
                  5px 0 no-repeat #039dff;
                background-size: 100% 100%;
                // border: none;
              }
              .checkbox-wrapper {
                position: absolute;
                left: 39px;
                top: 2px;
                width: 14px;
                height: 14px;
                line-height: 14px;
                border-radius: 50%;
                border: 1px solid #fff;
                margin: 0;
                color: #fff;
                font-size: 12px;
                background-color: #44be00;
                &:before {
                  display: inline-block;
                  width: 100%;
                  text-align: center;
                  content: '\2714';
                }
              }
              .icon-alipay {
                .checkbox-wrapper {
                  background-color: #039dff;
                }
              }
            }
          }
        }
      }
      .transparent-bg {
        width: 100%;
        height: 102px;
        background-color: transparent;
      }
    }
    .settlement-footer {
      width: 100%;
      position: fixed;
      left: 0;
      bottom: 0;
      height: 46px;
      background-color: #fff;
      border-top: 1px solid #e6e6e6;
      z-index: 1000;
      @include spaceBetweenCenter();
      .fot-price-num {
        margin-top: 2px;
        .order-price {
          font-size: 17px;
          color: #262626;
          line-height: 46px;
          margin-left: 15px;
          font-weight: 500;
          .foot-price {
            font-size: 17px;
            margin-left: -4px;
          }
          .foot-price-save {
            font-size: 12px;
          }
        }
      }
      .goes {
        padding: 0 33px 0 18px;
        background: #ff4891;
        text-align: center;
        font-size: 17px;
        color: #fff;
        position: relative;
        height: 46px;
        line-height: 46px;
        &:after {
          content: '';
          width: 7px;
          height: 10px;
          background: url(https://static-as.missfresh.cn/frontend/img/go_03.png)
            no-repeat;
          background-size: 100% 100%;
          position: absolute;
          top: 18px;
          right: 15px;
        }
      }
    }
  }